<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>安评单位注册结果查询</title>
    <script src="../../js/header.js"></script>
    <style type="text/css">
        html, body, #jscompanymessage {
            padding: 0px;
            margin: 0px;
            /*height: 100%;*/
        }
        #jscompanymessage{
            border-top: 3px solid #0D9AFF;
            /*background: #FFFFFF;
            box-shadow: 0px 2px 4px 0 rgba(200,200,200,0.50);*/
            padding: 25px;
            /*background: url(../../images/bg.png) no-repeat;
            background-size: 100% 100%;*/
            /*background-attachment: fixed;*/
            overflow: hidden;
        }
        .tab-title{
            font-size: 16px;
            font-weight: bold;
            border-left: 4px solid #0D9AFF;
            font-family: PingFangSC-Medium;
            padding-left:10px;
            margin-bottom: 20px;
        }
        .el-dialog__footer {
            padding: 10px 20px 20px;
            text-align: center;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }
        .el-dialog__body {
            color: rgb(96, 98, 102);
            font-size: 14px;
            word-break: break-all;
            padding: 0px 20px;
        }
        #excel {
            display: none;
        }
        .el-input__inner {
            -webkit-appearance: none;
            background-color: #FFF;
            background-image: none;
            border-radius: 4px;
            border: 1px solid #DCDFE6;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            color: #606266;
            display: inline-block;
            font-size: inherit;
            height: 30px;
            line-height: 30px;
            outline: 0;
            padding: 0 15px;
            -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
            transition: border-color .2s cubic-bezier(.645,.045,.355,1);
        }
        /*#jscompanymessage .el-input,
        #jscompanymessage .el-select,
        #jscompanymessage .el-input-number{
            width: 100%;
        }*/
        .listed .el-form-item__label{
            letter-spacing: 3px;
        }
        .el-textarea {
            /*width: 95%;*/
        }

        /* 搜索按钮样式修改 */
        #jscompanymessage .el-button.is-circle.search_btn{
            position: absolute;
            right: 0;
            top: 0;
            border: 0;
            background: none;
        }
        #jscompanymessage .el-button.is-circle.search_btn i{
            font-size: 17px;
        }
        .zcform .tab{
            border: 1px solid #DCDFE6;
        }
        .zcform .el-input__inner {
            -webkit-appearance: none;
            background-color: #FFF;
            background-image: none;
            border: 1px solid #DCDFE6;
            border-radius: 0px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            color: #606266;
            display: inline-block;
            font-size: inherit;
            height: 30px;
            line-height: 30px;
            outline: 0;
            padding: 0 10px;
            -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
            transition: border-color .2s cubic-bezier(.645,.045,.355,1);
            width: 100%;
        }
        .zcform .linkMan .el-input .el-input__inner{

            height: 60px;
        }
        .zcform .el-textarea__inner {
            display: block;
            resize: vertical;
            padding: 5px 15px;
            line-height: 1.5;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
            height: 120px;
            font-size: inherit;
            color: #606266;
            background-color: #FFF;
            background-image: none;
            border: 1px solid #DCDFE6;
            border-radius: 0px;
            -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
            transition: border-color .2s cubic-bezier(.645,.045,.355,1);
        }
        .zcform .el-input .el-input__clear {
            line-height: 30px;
        }
        .zcform .el-input__icon {
            line-height: 30px;
        }
        .zcform .el-form-item {
            margin-bottom: 0px;
        }
        .zcform .el-form-item__content {
            line-height: 30px;
            position: relative;
            font-size: 14px;
        }
        .zcform .el-form-item__error {
            color: #F56C6C;
            font-size: 12px;
            line-height: 1;
            padding-top: 4px;
            position: absolute;
            top: 0px;
            left: 114px;
            z-index: 99;
            width: 400px;
            text-align: left;
        }
        .zcform .red{
            color: #F56C6C;
        }
    </style>
</head>

<body>
<div v-cloak id="jscompanymessage">
    <div style="margin-top: 10px;">
        <div style="margin-top: 40px;">
            <el-form :model="selectForm" :rules="rules" ref="selectForm" label-width="150px">
                <el-row>
                    <el-col>
                        <el-form-item label="联系电话:" prop="" label-width="160px">
                            <el-tooltip class="item" effect="dark" content="请您输入联系电话进行查询" placement="top-start">
                                <el-input v-model="selectForm.mobile" placeholder="" style="width: 40%;"></el-input>
                            </el-tooltip>
                            <span style="color: red;">(请您输入联系电话进行查询)</span>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <div style="float: right;">
                        <el-button type="primary" size="small" style="width: 60px;height: 30px;" @click="searchForm('selectForm')">查询</el-button>
                        <el-button type="warning" size="small" style="width: 60px;height: 30px;" @click="resetForm('selectForm')">重置</el-button>
                    </div>
                </el-row>
            </el-form>
        </div>

        <el-table :data="tableData" border style="width: 100%;margin-top: 35px;" :header-cell-style="{background:'#eef1f6',color:'#606266'}">
            <!--<el-table-column type="selection" ></el-table-column>-->
            <el-table-column
                    prop="unitName"
                    label="单位名称"
                    width="250"
                    align="center" >
            </el-table-column>
            <el-table-column
                    prop="uniscid"
                    label="统一社会信用代码"
                    width="300"
                    align="center">
            </el-table-column>
            <el-table-column
                    prop="registAddr"
                    label="注册地址"
                    width=""
                    align="center">
            </el-table-column>
            <el-table-column
                    prop="spPerson"
                    label="审批人"
                    width="150"
                    align="center">
            </el-table-column>
            <el-table-column
                    prop="spOrg"
                    label="审批机构"
                    width="150"
                    align="center">
            </el-table-column>
            <el-table-column
                    prop="spStatus"
                    label="审批状态"
                    width="100"
                    align="center">
                <template scope="scope">
                    <span v-if="scope.row.spStatus==1">待审核</span>
                    <span v-if="scope.row.spStatus==2">审核不通过</span>
                    <span v-if="scope.row.spStatus==3">审核通过</span>
                </template>
            </el-table-column>
            <el-table-column
                    prop="spTime"
                    label="审批时间"
                    width="200"
                    align="center">
            </el-table-column>
            <!--<el-table-column
                    prop="sbStatus"
                    label="上报状态"
                    width="100"
                    align="center">
                <template scope="scope">
                    <span v-if="scope.row.sbStatus==0">未上报</span>
                    <span v-if="scope.row.sbStatus==1">已上报</span>
                </template>
            </el-table-column>-->
            <!--<el-table-column
                    prop="unitRegistTime"
                    label="单位成立时间"
                    align="center">
            </el-table-column>-->
        </el-table>
        <div style="overflow: hidden;">
            <div class="pagination">
                <el-pagination
                        @size-change="handleSizeChange"
                        @current-change="handleCurrentChange"
                        :current-page="currentPage"
                        :page-sizes="[10, 20, 30, 40]"
                        :page-size="pagesize"
                        background
                        layout="total, sizes,prev, pager, next"
                        :total="tableTotal"
                        prev-text="上一页"
                        next-text="下一页">
                </el-pagination>
            </div>
        </div>

        <el-dialog title="" :visible.sync="dialogForm" center fullscreen>
            <div style="margin-top: 10px;"　class="zcform">
                <h3 style="text-align: center;">地震安全性评价单位信息情况表</h3>
                <el-form :model="apUnitEntity" :rules="rules" ref="apUnitEntity"  style="width:680px;font-size: 14px;border: 1px solid #DCDFE6;margin: 10px auto;">
                    <!--第一行-->
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 120px;text-align: center;height: 30px;line-height: 30px;">
                            <span class="red">*</span>
                            <span class="">单位名称</span>
                        </el-col>
                        <el-col :span="12">
                            <el-form-item prop="unitName">
                                <el-input v-model="apUnitEntity.unitName" style="width: 560px;" placeholder="" ></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <!--第二行-->
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 120px;text-align: center;height: 30px;line-height: 30px;">
                            <span class="red">*</span>
                            <span class="">单位性质</span>
                        </el-col>
                        <el-col :span="2" class="tab" style="width: 70px;text-align: center;height: 30px;line-height: 30px;">
                            <span class="">事业</span>
                        </el-col>

                        <el-col :span="4"  style="width: 180px;text-align: center;height: 28px;line-height: 28px;">
                            <el-row>
                                <el-form-item prop="syUnitType">
                                    <el-select  v-model="apUnitEntity.syUnitType" placeholder="请选择" ref="syUnitType" :disabled="sydisabled!=0"  @change="syChangeValue" style="width: 180px;">
                                        <el-option label="请选择" value=""></el-option>
                                        <el-option label="全额拨款" value="全额拨款"></el-option>
                                        <el-option label="差额拨款" value="差额拨款"></el-option>
                                        <el-option label="自收自支" value="自收自支"></el-option>
                                        <el-option label="其他" value="其他"></el-option>
                                    </el-select>
                                </el-form-item>
                            </el-row>
                            <!--<el-row class="tab">
                                <el-radio v-model="apUnitEntity.syUnitType" label="1">全额拨款</el-radio>
                            </el-row>
                            <el-row class="tab">
                                <el-radio v-model="apUnitEntity.syUnitType" label="2">差额拨款</el-radio>
                            </el-row>
                            <el-row class="tab">
                                <el-radio v-model="apUnitEntity.syUnitType" label="3">自收自支</el-radio>
                            </el-row>
                            <el-row class="tab" style="letter-spacing: 3px;">
                                <el-radio v-model="apUnitEntity.syUnitType" label="4">其&nbsp;&nbsp;&nbsp;他</el-radio>
                            </el-row>-->
                        </el-col>

                        <el-col :span="2" class="tab" style="width: 70px;text-align: center;height: 30px;line-height: 30px;">
                            <span class="">企业</span>
                        </el-col>

                        <el-col :span="4"  style="width: 180px;text-align: center;height: 28px;line-height: 28px;">
                            <el-row >
                                <el-form-item prop="qyUnitType">
                                    <el-select  v-model="apUnitEntity.qyUnitType" placeholder="请选择" ref="qyUnitType" :disabled="qydisabled!=0" @change="qyChangeValue" style="width: 240px;">
                                        <el-option label="请选择" value=""></el-option>
                                        <el-option label="国有企业" value="国有企业"></el-option>
                                        <el-option label="集体企业" value="集体企业"></el-option>
                                        <el-option label="私营企业" value="私营企业"></el-option>
                                        <el-option label="其他" value="其他"></el-option>
                                    </el-select>
                                </el-form-item>
                            </el-row>
                            <!--<el-row class="tab">
                                <el-radio v-model="apUnitEntity.qyUnitType" label="5">国有企业</el-radio>
                            </el-row>
                            <el-row class="tab">
                                <el-radio v-model="apUnitEntity.qyUnitType" label="6">集体企业</el-radio>
                            </el-row>
                            <el-row class="tab">
                                <el-radio v-model="apUnitEntity.qyUnitType" label="7">私营企业</el-radio>
                            </el-row>
                            <el-row class="tab" style="letter-spacing: 3px;">
                                <el-radio v-model="apUnitEntity.qyUnitType" label="8">其&nbsp;&nbsp;&nbsp;他</el-radio>
                            </el-row>-->
                        </el-col>
                    </el-row>
                    <!--第三行-->
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 120px;text-align: center;height: 30px;line-height: 30px;">
                            <span class="red">*</span>
                            <span class="">注册地址</span>
                        </el-col>
                        <el-col :span="10" style="width: 320px;">
                            <el-form-item v-model="apUnitEntity.registAddr" prop="registAddr">
                                <!--<el-input v-model="apUnitEntity.registAddr" style="width: 320px;" placeholder="" ></el-input>-->
                                <el-select v-model="provinceValue" placeholder="选择省" @change="chooseProvince" style="width: 80px;">
                                    <el-option
                                            v-for="item in provinceData"
                                            :key="item.code"
                                            :label="item.name"
                                            :value="item.name">
                                    </el-option>
                                </el-select>
                                <span style="color: #C0CCDA;;">—</span>
                                <el-select v-model="cityValue" placeholder="选择市" @change="chooseCity" style="width: 80px;">
                                    <el-option
                                            v-for="item in cityData"
                                            :key="item.code"
                                            :label="item.name"
                                            :value="item.name">
                                    </el-option>
                                </el-select>
                                <span style="color: #C0CCDA;;">—</span>
                                <el-select v-model="areaValue" @change="chooseArea" placeholder="选择区、县" style="width: 80px;">
                                    <el-option
                                            v-for="item in areaData"
                                            :key="item.code"
                                            :label="item.name"
                                            :value="item.name">
                                    </el-option>
                                </el-select>
                            </el-form-item>
                        </el-col>
                        <el-col :span="2" class="tab" style="width: 60px;text-align: center;height: 30px;line-height: 30px;">
                            <span class="red">*</span>
                            <span class="">邮编</span>
                        </el-col>
                        <el-col :span="4">
                            <el-form-item prop="registAddrCode">
                                <el-input v-model="apUnitEntity.registAddrCode" style="width: 180px;" placeholder="" ></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <!--第四行-->
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 120px;text-align: center;height: 30px;line-height: 30px;">
                            <span class="red">*</span>
                            <span class="">办公地址</span>
                        </el-col>
                        <el-col :span="10" style="width: 320px;">
                            <el-form-item prop="bgAddr">
                                <el-input v-model="apUnitEntity.bgAddr" style="width: 320px;" placeholder="" ></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="2" class="tab" style="width: 60px;text-align: center;height: 30px;line-height: 30px;">
                            <span class="red">*</span>
                            <span class="">邮编</span>
                        </el-col>
                        <el-col :span="4">
                            <el-form-item prop="bgAddrCode">
                                <el-input v-model="apUnitEntity.bgAddrCode" style="width: 180px;" placeholder="" ></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <!--第五行-->
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 120px;text-align: center;height: 30px;line-height: 30px;">
                            <span class="red">*</span>
                            <span class="">法定代表人</span>
                        </el-col>
                        <el-col :span="10" style="width: 320px;">
                            <el-form-item prop="legalMan">
                                <el-input v-model="apUnitEntity.legalMan" style="width: 320px;" placeholder="" ></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="2" class="tab" style="width: 60px;text-align: center;height: 30px;line-height: 30px;">
                            <span class="red">*</span>
                            <span class="">电话</span>
                        </el-col>
                        <el-col :span="4">
                            <el-input v-model="apUnitEntity.legalManTel" style="width: 180px;" placeholder="" ></el-input>
                        </el-col>
                    </el-row>
                    <!--第六行-->
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 120px;text-align: center;height: 60px;line-height: 60px;">
                            <span class="red">*</span>
                            <span class="">联系人</span>
                        </el-col>
                        <el-col :span="2" class="linkMan" style="width: 70px;text-align: center;">
                            <el-input v-model="apUnitEntity.linkMan" style="height: 60px;" placeholder="" ></el-input>
                        </el-col>
                        <el-col :span="2" class="tab" style="width: 70px;text-align: center;height: 60px;line-height: 60px;">
                            <span class="red">*</span>
                            <span class="">联系电话</span>
                        </el-col>

                        <el-col :span="4"  style="width: 180px;text-align: center;height: 28px;line-height: 28px;">
                            <el-row >
                                <el-col :span="2" class="tab" style="width: 60px;text-align: center;height: 30px;line-height: 30px;">
                                    <span class="red">*</span>
                                    <span class="">手机</span>
                                </el-col>
                                <el-col :span="4">
                                    <el-form-item prop="linkTel">
                                        <el-input v-model="apUnitEntity.linkTel" style="width: 120px;" placeholder="" ></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="2" class="tab" style="width: 60px;text-align: center;height: 30px;line-height: 30px;">
                                    <span class="red">*</span>
                                    <span class="">办公室</span>
                                </el-col>
                                <el-col :span="4">
                                    <el-input v-model="apUnitEntity.linkOffice" style="width: 120px;" placeholder="" ></el-input>
                                </el-col>
                            </el-row>
                        </el-col>

                        <el-col :span="4"  style="width: 180px;text-align: center;height: 28px;line-height: 28px;">
                            <el-row >
                                <el-col :span="2" class="tab" style="width: 60px;text-align: center;height: 30px;line-height: 30px;">
                                    <span class="red">*</span>
                                    <span class="">传真</span>
                                </el-col>
                                <el-col :span="4">
                                    <el-input v-model="apUnitEntity.linkFax" style="width: 180px;" placeholder="" ></el-input>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="2" class="tab" style="width: 70px;text-align: center;height: 30px;line-height: 30px;">
                                    <span class="red">*</span>
                                    <span class="">电子邮箱</span>
                                </el-col>
                                <el-col :span="4">
                                    <el-form-item prop="linkEmail">
                                        <el-input v-model="apUnitEntity.linkEmail" style="width: 170px;" placeholder="" ></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                        </el-col>
                    </el-row>
                    <!--第七行-->
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 120px;text-align: center;height: 30px;line-height: 30px;">
                            <span class="red">*</span>
                            <span class="">上级主管单位</span>
                        </el-col>
                        <el-col :span="12">
                            <el-input v-model="apUnitEntity.upMainUnit" style="width: 560px;" placeholder="" ></el-input>
                        </el-col>
                    </el-row>
                    <!--第八行-->
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 120px;text-align: center;height: 30px;line-height: 30px;">
                            <span class="red">*</span>
                            <span class="">单位成立时间</span>
                        </el-col>
                        <el-col :span="10" style="width: 200px;">
                            <el-date-picker type="date" placeholder="选择日期" v-model="apUnitEntity.establishTime" style="width: 200px;" />
                        </el-col>
                        <el-col :span="2" class="tab" style="width: 160px;text-align: center;height: 30px;line-height: 30px;">
                            <span class="red">*</span>
                            <span class="">单位注册时间</span>
                        </el-col>
                        <el-col :span="4">
                            <el-date-picker type="date" placeholder="选择日期" v-model="apUnitEntity.unitRegistTime" style="width: 200px;" />
                        </el-col>
                    </el-row>
                    <!--第九行-->
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 360px;text-align: center;height: 30px;line-height: 30px;">
                            <span class="red">*</span>
                            <span class="">统一社会信用代码</span>
                        </el-col>
                        <el-col :span="12" style="width: 320px;">
                            <el-input v-model="apUnitEntity.uniscid"  placeholder="" ></el-input>
                        </el-col>
                    </el-row>
                    <!--第十行-->
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 360px;text-align: center;height: 30px;line-height: 30px;">
                            <span class="red">*</span>
                            <span class="">密码</span>
                        </el-col>
                        <el-col :span="12" style="width: 320px;">
                            <el-input v-model="apUnitEntity.password"  placeholder="" show-password></el-input>
                        </el-col>
                    </el-row>
                    <!--第十一行-->
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 360px;text-align: center;height: 30px;line-height: 30px;">
                            <span class="red">*</span>
                            <span class="">注册（开办）资金（万元）</span>
                        </el-col>
                        <el-col :span="12" style="width: 320px;">
                            <el-input v-model="apUnitEntity.registMoney"  placeholder="" ></el-input>
                        </el-col>
                    </el-row>
                    <!--第十二行-->
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 120px;text-align: center;height: 30px;line-height: 30px;">
                            <span class="">专业技术人员</span>
                        </el-col>
                        <el-col :span="2" class="tab" style="width: 160px;text-align: center;height: 30px;line-height: 30px;">
                            <span class="">60周岁以下</span>
                        </el-col>
                        <el-col :span="2" class="tab" style="width: 160px;text-align: center;height: 30px;line-height: 30px;">
                            <span class="">60周岁以上</span>
                        </el-col>
                        <el-col :span="2" class="tab" style="width: 240px;text-align: center;height: 30px;line-height: 30px;">
                            <span class="">合计</span>
                        </el-col>
                    </el-row>
                    <!--第十三行-->
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 120px;text-align: center;height: 30px;line-height: 30px;">
                            <span class="red">*</span>
                            <span class="">高级职称</span>
                        </el-col>
                        <el-col :span="12" style="width: 160px;">
                            <el-input v-model="apUnitEntity.highDownsixty"  placeholder="" ></el-input>
                        </el-col>
                        <el-col :span="12" style="width: 160px;">
                            <el-input v-model="apUnitEntity.highUpsixty"  placeholder="" ></el-input>
                        </el-col>
                        <el-col :span="12" style="width: 240px;">
                            <el-input v-model="apUnitEntity.highSum"  placeholder="" ></el-input>
                        </el-col>
                    </el-row>
                    <!--第十四行-->
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 120px;text-align: center;height: 30px;line-height: 30px;">
                            <span class="red">*</span>
                            <span class="">中级职称</span>
                        </el-col>
                        <el-col :span="12" style="width: 160px;">
                            <el-input v-model="apUnitEntity.midDownsixty"  placeholder="" ></el-input>
                        </el-col>
                        <el-col :span="12" style="width: 160px;">
                            <el-input v-model="apUnitEntity.midUpsixty"  placeholder="" ></el-input>
                        </el-col>
                        <el-col :span="12" style="width: 240px;">
                            <el-input v-model="apUnitEntity.midSum"  placeholder="" ></el-input>
                        </el-col>
                    </el-row>
                    <!--第十五行-->
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 120px;text-align: center;height: 30px;line-height: 30px;">
                            <span class="red">*</span>
                            <span class="">初级职称</span>
                        </el-col>
                        <el-col :span="12" style="width: 160px;">
                            <el-input v-model="apUnitEntity.priDomnsixty"  placeholder="" ></el-input>
                        </el-col>
                        <el-col :span="12" style="width: 160px;">
                            <el-input v-model="apUnitEntity.priUpsixty"  placeholder="" ></el-input>
                        </el-col>
                        <el-col :span="12" style="width: 240px;">
                            <el-input v-model="apUnitEntity.priSum"  placeholder="" ></el-input>
                        </el-col>
                    </el-row>
                    <!--第十六行-->
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 120px;text-align: center;height: 30px;line-height: 30px;">
                            <span class="red">*</span>
                            <span class="">合计</span>
                        </el-col>
                        <el-col :span="12" style="width: 160px;">
                            <el-input v-model="apUnitEntity.sumDownsixty"  placeholder="" ></el-input>
                        </el-col>
                        <el-col :span="12" style="width: 160px;">
                            <el-input v-model="apUnitEntity.sumUpsixty"  placeholder="" ></el-input>
                        </el-col>
                        <el-col :span="12" style="width: 240px;">
                            <el-input v-model="apUnitEntity.sum"  placeholder="" ></el-input>
                        </el-col>
                    </el-row>
                    <!--第十七行-->
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 280px;text-align: center;height: 390px;">
                            <div style="margin-top: 190px;">
                                <span class="">具有承担地震安全性评价相关专业背景的高级职称专业技术人员情况</span>
                            </div>
                        </el-col>
                        <el-col :span="2"  style="width: 140px;text-align: center;height: 30px;line-height: 30px;">
                            <el-row >
                                <el-col :span="2" class="tab" style="width: 140px;text-align: center;height: 30px;line-height: 30px;">
                                    <span class="">专业</span>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="2" class="tab" style="width: 140px;text-align: center;height: 120px;line-height: 120px;">
                                    <span class="">地震学</span>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="2" class="tab" style="width: 140px;text-align: center;height: 120px;line-height: 120px;">
                                    <span class="">地震地质学</span>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="2" class="tab" style="width: 140px;text-align: center;height: 120px;line-height: 120px;">
                                    <span class="">地震工程学</span>
                                </el-col>
                            </el-row>
                        </el-col>
                        <el-col :span="2"  style="width: 200px;text-align: center;height: 30px;line-height: 30px;">
                            <el-row >
                                <el-col :span="2" class="tab" style="width: 260px;text-align: center;height: 30px;line-height: 30px;">
                                    <span class="">高级职称人员姓名</span>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="2"  style="width: 260px;text-align: center;height: 120px;">
                                    <el-input
                                            type="textarea"
                                            resize="none"
                                            placeholder=""
                                            v-model="apUnitEntity.dzxHigh">
                                    </el-input>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="2"  style="width: 260px;text-align: center;height: 120px;line-height: 120px;">
                                    <el-input
                                            type="textarea"
                                            resize="none"
                                            placeholder=""
                                            v-model="apUnitEntity.dzdzxHigh">
                                    </el-input>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="2"  style="width: 260px;text-align: center;height: 120px;line-height: 120px;">
                                    <el-input
                                            type="textarea"
                                            resize="none"
                                            placeholder=""
                                            v-model="apUnitEntity.dzgcxHigh">
                                    </el-input>
                                </el-col>
                            </el-row>
                        </el-col>
                    </el-row>
                    <!--第十八行-->
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 280px;text-align: center;height: 120px;line-height: 120px;">
                            <span class="red">*</span>
                            <span class="">开展地震安全性评价工作业绩情况</span>
                        </el-col>
                        <el-col :span="12" style="width: 400px;">
                            <el-input
                                    type="textarea"
                                    resize="none"
                                    placeholder=""
                                    v-model="apUnitEntity.apYjqk">
                            </el-input>
                        </el-col>
                    </el-row>
                    <!--第十九行-->
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 280px;text-align: center;height: 120px;padding-top: 50px;">
                            <span class="red">*</span>
                            <span class="">具有承担地震安全性评价工作技术能力情况</span>
                        </el-col>
                        <el-col :span="12" style="width: 400px;">
                            <el-input
                                    type="textarea"
                                    resize="none"
                                    placeholder=""
                                    v-model="apUnitEntity.apJsnlqk">
                            </el-input>
                        </el-col>
                    </el-row>
                    <!--第二十行-->
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 280px;text-align: center;height: 120px;padding-top: 50px;">
                            <span class="red">*</span>
                            <span class="">质量管理体系情况</span>
                        </el-col>
                        <el-col :span="12" style="width: 400px;">
                            <el-input
                                    type="textarea"
                                    resize="none"
                                    placeholder=""
                                    v-model="apUnitEntity.zlglTxqk">
                            </el-input>
                        </el-col>
                    </el-row>
                </el-form>
                <el-row>
                    <el-col :span="24" style="text-align: center; margin-top: 30px;">
                        <div style="">
                            <el-button type="warning" size="small" style="width: 60px;height: 30px;" @click="resetApForm('apUnitEntity')">重置</el-button>
                            <!--<el-button type="info" size="small" style="width: 60px;height: 30px;" @click="">关闭</el-button>-->
                        </div>
                    </el-col>
                </el-row>
            </div>
        </el-dialog>
    </div>
</div>
<script>
    var vm = new Vue({
        el: '#jscompanymessage',
        data() {
            // 验证手机号是否合法
            let checkMobile = (rule, value, callback) => {
                if (!this.checkTel(value)) {
                    callback(new Error('手机号码不合法'));
                } else {
                    callback();
                }
            }
            // 验证邮箱是否合法
            let checkEmail = (rule, value, callback) => {
                if (!this.isEmail(value)) {
                    callback(new Error('邮箱不合法'));
                } else {
                    callback();
                }
            }
            return {
                currentPage: 1, //默认显示页面为1
                pagesize: 10, // 每页的数据条数
                tableTotal:'',
                sydisabled: 0,
                qydisabled: 0,
                formDisabled: false,
                moveInDisabled: false,
                moveOutDisabled: false,
                apUnitEntity : {
                    unitName:'',
                    syUnitType: '',
                    qyUnitType:'',
                    registAddr:'',
                    registAddrCode:'',
                    bgAddr:'',
                    bgAddrCode:'',
                    legalMan:'',
                    legalManTel:'',
                    linkMan:'',
                    linkTel:'',
                    linkOffice:'',
                    linkFax:'',
                    linkEmail:'',
                    upMainUnit:'',
                    establishTime:'',
                    unitRegistTime:'',
                    uniscid:'',
                    password:'',
                    registMoney:'',
                    highDownsixty:'',
                    highUpsixty:'',
                    highSum:'',
                    midDownsixty:'',
                    midUpsixty:'',
                    midSum:'',
                    priDomnsixty:'',
                    priUpsixty:'',
                    priSum:'',
                    sumDownsixty:'',
                    sumUpsixty:'',
                    sum:'',
                    dzxHigh:'',
                    dzdzxHigh:'',
                    dzgcxHigh:'',
                    apYjqk:'',
                    apJsnlqk:'',
                    zlglTxqk:'',
                    // 审批
                    spPerson: '',
                    spReview: '',
                    spOrg: '',
                    spStatus: ''
                },
                rules: {
                    unitName: [{
                        required: true,
                        message: '请输入单位名称',
                        trigger: 'blur'
                    }],
                    uniscid: [{
                        required:true,
                        message: '请输入统一社会信用代码',
                        trigger: 'blur'
                    }],
                    registAddr: [{
                        required: true,
                        message: '请输入注册地址',
                        trigger: 'blur'
                    }],
                    registAddrCode: [{
                        required: true,
                        message: '请输入注册地址邮编',
                        trigger: 'blur'
                    },{
                        min: 6,
                        max: 6,
                        message: '注册地址邮编不合法',
                        trigger: 'blur'

                    }],
                    bgAddr: [{
                        required: true,
                        message: '请输入办公地址',
                        trigger: 'blur'
                    }],
                    bgAddrCode: [{
                        required: true,
                        message: '请输入办公地址邮编',
                        trigger: 'blur'
                    }],
                    legalMan: [{
                        required: true,
                        message: '请输入法定代表人',
                        trigger: 'blur'
                    }],
                    legalManTel: [{
                        required: true,
                        message: '请输入法定代表人电话',
                        trigger: 'blur'
                    },{
                        validator: checkMobile,
                        //message: '法定代表人电话不合法',
                        trigger: 'blur'
                    }],

                    linkMan: [{
                        required: true,
                        message: '请输入联系人',
                        trigger: 'blur'
                    }],
                    linkTel: [{
                        required: true,
                        message: '请输入联系人手机号码',
                        trigger: 'blur'
                    },
                        {
                            validator: checkMobile,
                            message: '联系人手机号码不合法',
                            trigger: 'blur'
                        }],
                    linkEmail: [{
                        required: true,
                        message: '请输入联系人电子邮箱',
                        trigger: 'blur'
                    },
                        {
                            validator: checkEmail,
                            message: '联系人电子邮箱不合法',
                            trigger: 'blur'
                        }],
                    linkFax: [{
                        required: true,
                        message: '请输入联系人传真',
                        trigger: 'blur'
                    }],
                    upMainUnit:[{
                        required: true,
                        message: '请输入上级主管部门',
                        trigger: 'blur'
                    }],
                    registMoney: [{
                        required: true,
                        message: '请输入注册资金',
                        trigger: 'blur'
                    }],
                    apYjqk: [{
                        required: true,
                        message: "开展地震安全性评价工作业绩情况",
                        trigger: 'blur'
                    }],
                    apJsnlqk: [{
                        required: true,
                        message: "具有承担地震安全性评价工作技术能力情况",
                        trigger: 'blur'
                    }],
                    zlglTxqk: [{
                        required: true,
                        message: "质量管理体系情况",
                        trigger: 'blur'
                    }],
                    password: [{
                        required: true,
                        message: "请输入密码",
                        trigger: 'blur'
                    }]
                },
                shenpirules: {
                    // 审批
                    spPerson: [{
                        required: true,
                        message: "请输入审批人",
                        trigger: 'blur'
                    }],
                    spReview: [{
                        required: true,
                        message: "请输入审批意见",
                        trigger: 'blur'
                    }],
                    spOrg: [{
                        required: true,
                        message: "请输入审批机构",
                        trigger: 'blur'
                    }],
                    spStatus: [{
                        required: true,
                        message: "请输入审批状态",
                        trigger: 'blur'
                    }]
                },
                dialogFormVisible: false,
                dialogForm: false,
                dialogShenPiForm: false,
                selectForm: {
                    mobile: ''
                },
                companyInformation: [],
                currentRow: null,
                tableData: [],
                showOnSubmit: true,
                showOnReplace: false,
                showShenPi: true
            }
        },
        mounted(){

        },
        created(){
        },
        methods: {
            clearForm(){
                this.showMoveOutList = false;
                this.showMoveInList = false;
                /*this.$nextTick(()=>{
                	this.$refs['jscompanymessage'].resetField();
                })*/
                this.clearFromInformation();
            },
            // 清空表单
            clearFromInformation(){
                this.apUnitEntity.unitName ='';
                this.apUnitEntity.syUnitType ='';
                this.apUnitEntity.qyUnitType ='';
                this.apUnitEntity.registAddr ='';
                this.apUnitEntity.registAddrCode ='';
                this.apUnitEntity.bgAddr ='';
                this.apUnitEntity.bgAddrCode ='';
                this.apUnitEntity.legalMan ='';
                this.apUnitEntity.legalManTel ='';
                this.apUnitEntity.linkMan ='';
                this.apUnitEntity.linkTel ='';
                this.apUnitEntity.linkOffice ='';
                this.apUnitEntity.linkFax ='';
                this.apUnitEntity.linkEmail ='';
                this.apUnitEntity.upMainUnit ='';
                this.apUnitEntity.establishTime ='';
                this.apUnitEntity.unitRegistTime ='';
                this.apUnitEntity.uniscid ='';
                this.apUnitEntity.password ='';
                this.apUnitEntity.registMoney ='';
                this.apUnitEntity.highDownsixty ='';
                this.apUnitEntity.highUpsixty ='';
                this.apUnitEntity.highSum ='';
                this.apUnitEntity.midDownsixty ='';
                this.apUnitEntity.midUpsixty ='';
                this.apUnitEntity.midSum ='';
                this.apUnitEntity.priDomnsixty ='';
                this.apUnitEntity.priUpsixty ='';
                this.apUnitEntity.priSum ='';
                this.apUnitEntity.sumDownsixty ='';
                this.apUnitEntity.sumUpsixty ='';
                this.apUnitEntity.sum ='';
                this.apUnitEntity.dzxHigh ='';
                this.apUnitEntity.dzdzxHigh ='';
                this.apUnitEntity.dzgcxHigh ='';
                this.apUnitEntity.apYjqk ='';
                this.apUnitEntity.apJsnlqk ='';
                this.apUnitEntity.zlglTxqk ='';
                // 审批
                this.apUnitEntity.spPerson = '';
                this.apUnitEntity.spReview = '';
                this.apUnitEntity.spOrg = '';
                this.apUnitEntity.spStatus = '';
            },
            handleChange(value) {
                console.log(value);
            },
            /* 单选搜索表单 */
            selectCurrentChange(val){
                this.currentRow = val;
            },
            /* 列表页搜索 */
            searchForm(selectForm) {
                var pagesize = this.pagesize;
                var pageno = this.currentPage;

                axios({
                    method: 'post',
                    url: '/dzjap/apunit/querySpResult',
                    params: {
                        pageSize: pagesize,
                        pageNo: pageno,
                        mobile: this.selectForm.mobile
                    }
                })
                .then(response => {
                    let data = response.data;
                    if (data.code == 200) {
                        let dataInformation = data.data.results;
                        this.tableTotal = data.data.total;// 数据长度

                        this.tableData = dataInformation;
                    } else {
                        this.$message.error(data.msg);
                    }
                })
                .catch(function (error) {
                    console.log(error);
                });
            },
            /* 列表页重置 */
            resetForm(formName) {
                this.selectForm.mobile = '';
                /*this.$nextTick(() => {
                    this.$refs['selectForm'].resetField();
                })*/
            },
            //每页下拉显示数据
            handleSizeChange(size) {
                this.pagesize = size;
                this.getData();
                /*console.log(this.pagesize) */
            },
            //点击第几页
            handleCurrentChange(currentPage) {
                this.currentPage = currentPage;
                this.getData();
            },
            // 设置允许填写和不允许填写
            checkDisabled(n){
                if(n){
                    this.formDisabled = true;
                }else{
                    this.formDisabled = false;
                }
            },
            resetApForm(formName) {
                this.sydisabled = 0;
                this.qydisabled = 0;
                this.$refs[formName].resetFields();

            },
            syChangeValue(value){
                if(value != "") {
                    this.qydisabled = 1;
                } else {
                    this.qydisabled = 0;
                }

            },
            qyChangeValue(value){
                if(value != "") {
                    this.sydisabled = 1;
                } else {
                    this.sydisabled = 0;
                }
            }
        }
    })
</script>
</body>
</html>